<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<style type="text/css">
body {
	text-align: center;
}

.productnew_middle {
	background-color: yellow;
	width: 760px;
	height: 28px;
	margin: 0 auto;
	text-align: center;
}

.productnew_text {
	width: 760px;
	height: 550px;
	margin: 0 auto;
	text-align: center;
	/* border: 1px solid red; */
	margin-top: 10px;
	margin-bottom: 20px;
}

.productnew_left {
	/* border: 1px solid red; */
	width: 540px;
	height: 420px;
	float: left;
}

.productnew_right {
	/* border: 1px solid red; */
	width: 215px;
	height: 550px;
	float: right;
}

.productnew_bottom {
	/* border: 1px solid red; */
	width: 540px;
	height: 128px;
	float: left;
}

.productnew_middle_front {
	/* border: 1px solid red; */
	width: 200px;
	height: 28px;
	float: left;
}

#productnew_middle_a {
	font-size: 12px;
}

.productnew_middle_middle {
	/* border: 1px solid red; */
	width: 300px;
	height: 28px;
	float: left;
}

#productnew_middle_search {
	float: right;
	font-size: 20px;
}

.productnew_middle_tail {
	/* border: 1px solid red; */
	width: 250px;
	height: 28px;
	float: left;
}

#productnew_middle_text {
	height: 20px;
}

.productnew_left_front {
	/* border: 1px solid red; */
	width: 120px;
	height: 176px;
	float: left;
}

.productnew_left_top {
	/* border: 1px solid red; */
	width: 415px;
	height: 20px;
	float: left;
	margin-top: 20px;
}

.productnew_left_middle {
	/* border: 1px solid red; */
	width: 415px;
	height: 20px;
	float: left;
	margin-top: 20px;
	text-align: left;
}

.productnew_left_middle_middle {
	/* border: 1px solid red; */
	width: 415px;
	height: 20px;
	float: left;
	margin-top: 20px;
	text-align: left;
}

.productnew_left_tail {
	/* border: 1px solid red; */
	width: 415px;
	height: 20px;
	float: left;
	margin-top: 20px;
	text-align: left;
}

.productnew_left_Middle {
	/* border: 1px solid red; */
	width: 540px;
	height: 20px;
	float: left;
	margin-top: 5px;
	text-align: left;
}

.productnew_left_Middle_Middle {
	/* border: 1px solid red; */
	width: 540px;
	height: 20px;
	float: left;
	margin-top: 10px;
	text-align: left;
}

.productnew_right_top {
	border: 1px solid blue;
	width: 212px;
	height: 250px;
}

.productnew_right_top_background {
	background-color: blue;
	width: 213px;
	height: 25px;
	color: white;
}

#productnew_right_td {
	width: 100px;
	height: 25px;
}

.product_botton_tail {
	background-color: blue;
	width: 200px;
	height: 20px;
	font-size: 18px;
	color: white;
}

.product_botton_tail2 {
	border: 1px solid blue;
	width: 540px;
	height: 108px;
	float: left;
}

.product_botton_tail3 {
	float: right;
	margin-bottom: 1px;
}
</style>
<link rel="stylesheet" type="text/css" href="../css/head.css">
</head>
<body>
	<!-- 开头 -->
	<jsp:include page="head.jsp"></jsp:include>
	<!-- 中间部分 -->
	<div class="productnew_middle">
		<div class="productnew_middle_front">
			<a id="productnew_middle_a" href="1">首页></a> <a
				id="productnew_middle_a" href="1">图书商城></a> <a
				id="productnew_middle_a" href="1">小说/传记</a>
		</div>
		<form action="">
			<div class="productnew_middle_middle">
				<select id="productnew_middle_search">
					<option id="" value="0" selected="selected">在本类商城中</option>
					<option id="" value="1">1</option>
					<option id="" value="2">2</option>
				</select>
			</div>
			<div class="productnew_middle_tail">
				<input type="text" id="productnew_middle_text"> <input
					type="submit" value="搜索" id="submit">
			</div>
		</form>
	</div>
	<!-- 正文部分 -->
	<div class="productnew_text">
		<div class="productnew_left">
			<div class="productnew_left_front">
				<img alt="" src="../images/product/maomao_b.gif">
			</div>
			<div class="productnew_left_top">
				<a href="">毛毛MOMO-时间窃贼和一个小姑娘的不可思议的故事</a> <img alt=""
					src="../images/shopcart.gif">
			</div>
			<div class="productnew_left_middle">21世纪出版社 米切尔.恩德</div>
			<div class="productnew_left_middle_middle">出版日期：2000-2-1 ISBN
				7-5391-1633-1</div>
			<div class="productnew_left_tail">价格：12元</div>
			<div class="productnew_left_Middle">荣获欧洲青少年图书大奖</div>
			<div class="productnew_left_Middle_Middle">&emsp;&emsp;全世界畅销2千万册</div>
			<div class="productnew_left_tail"></div>
		</div>
		<div class="productnew_right">
			<div class="productnew_right_top">
				<div class="productnew_right_top_background">商品评分</div>
				<div class="">目前还没有顾客对此商品评分</div>
				<div class="">>>>请评分<<<</div>
				<form action="">
					<table>
						<tr>
							<td id="productnew_right_td"><input type="checkbox"></td>
							<td id="productnew_right_td"><img alt=""
								src="../images/rating/5.gif"></td>
						</tr>
						<tr>
							<td id="productnew_right_td"><input type="checkbox"></td>
							<td id="productnew_right_td"><img alt=""
								src="../images/rating/4.gif"></td>
						</tr>
						<tr>
							<td id="productnew_right_td"><input type="checkbox"></td>
							<td id="productnew_right_td"><img alt=""
								src="../images/rating/3.gif"></td>
						</tr>
						<tr>
							<td id="productnew_right_td"><input type="checkbox"></td>
							<td id="productnew_right_td"><img alt=""
								src="../images/rating/2.gif"></td>
						</tr>
						<tr>
							<td id="productnew_right_td"><input type="checkbox"></td>
							<td id="productnew_right_td"><img alt=""
								src="../images/rating/1.gif"></td>
						</tr>
					</table>
					<div>
						<input type="submit" value="评分">
					</div>
				</form>
			</div>

		</div>
		<div class="productnew_bottom">
			<div class="product_botton_tail">读者评论</div>
			<div class="product_botton_tail2">
				<h6 id="product_text_botton_h6">该商品目前没有任何品论</h6>
				<div class="product_botton_tail3">
					<a href="">>>>我要评论<<<</a>
				</div>
			</div>

		</div>

	</div>
	<!-- 尾部 -->
	<jsp:include page="tail.jsp"></jsp:include>
</body>
</html>